// import styled from "styled-components"
import styled from "styled-px2rem/lib/index"

export const RotationBox=styled.div`
    width: 250px /* 1014/108 */;
    height: 100px /* 291/108 */;
    overflow: hidden;
    font-size: 0;
    border-radius: 5px;
    & .rotationChart-img {
    display: inline-block;
    height: 100px /* 291/108 */;
    width: 250px;
    border-radius: 5px;
    }
    & .swiper-container {
        --swiper-pagination-color: #fdb3a9;
        /* 两种都可以 */
        width: 250px;
    }
    & .swiper-pagination-bullet {
        margin: 0px 3px /* 11/108 */ ! important;
        width: 8px /* 15/108 */ ! important;
        height: 8px /* 15/108 */ ! important;
        display: inline-block ! important;
        border-radius: 100% ! important;
        background: #000 ! important;
        opacity: 0.2 ! important;
    }
    & .swiper-pagination-bullet-active {
        opacity: 1 !important;
        background: var(--swiper-pagination-color, var(--swiper-theme-color)) !important;
    }
`